<!DOCTYPE html>

<html>
    <head>
        <meta charset="UTF-8">
        <title>注册</title>
        <style type="text/css">
            form {
                border: 1px solid blue;
            }
        </style>
    </head>
    <body>
        
        <form>
            <label for="username">用户名:</label>
            <input type="text" name="username" value="sanfeng" id="username">
            <br>
            <label for="password">密码:</label>
            <input type="password" name="password" value="hello" id="password">
            <br>
            <label for="confirm">确认密码:</label>
            <input type="password" name="confirm" value="hello" id="confirm">
            <br>
            <label for="real-name">真实姓名:</label>
            <input type="text" name="realName" id="real-name">
            <br>
            <span>性别:</span>
            <input type="radio" name="gender" value="female" id="gender-female">
            <label for="gender-female">靓妹</label>
            <input type="radio" name="gender" value="male" checked id="gender-male">
            <label for="gender-male">靓仔</label>
            <br>
            <label for="birthdate">出生日期:</label>
            <input type="date" name="birthdate" id="birthdate">
            <br>
            <label for="native-place">籍贯:</label>
            <textarea name="nativePlace" id="native-place"></textarea>
            <br>
            <span>爱好:</span>
            <input type="checkbox" name="hobby" value="sleep" checked id="sleep">
            <label for="sleep">睡</label>
            <input type="checkbox" name="hobby" value="eat" checked id="eat">
            <label for="eat">吃</label>
            <input type="checkbox" name="hobby" value="eat-ji" id="eat-ji">
            <label for="eat-ji">吃鸡</label>
            <br>
            <label for="province">你来自</label>
            <select name="province" id="province">
                <option value="shannxi">陕西省</option>
                <option value="shanxi">山西省</option>
                <option value="gansu">甘肃省</option>
                <option value="sichuan">四川省</option>
                <option value="hubei">湖北省</option>
                <option value="chongqing" selected>重庆市</option>
                <option value="henan">河南省</option>
            </select>
            <br>
            <input type="button" value="啥也不干">
            <input type="reset" value="重置">
            <input type="submit" value="提交">
            <br>
            <button type="button">啥也不干</button>
            <button type="reset">重置</button>
            <button type="submit">提交</button>
        </form>

    </body>
</html>